body{
    /*font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    overflow-x:hidden;
}
.logo{
    max-height: 120px;
}
.navLogo{
    max-height:200px ;
}

.primaryColor{
    background-color: darkblue;
}
.primaryFont{
    color:darkblue;

}
.rep{
    max-height: 300px;
}
a:hover{
    color: rgb(142, 9, 7);
    font-size: 110%;
}
.link{
    text-decoration: none;
    color:black;
    font-weight: bolder;

}
.link2{
    text-decoration: none;
    color:darkblue;
    font-weight: lighter;
}
.news-head{
    font-style: italic;
}
.dropdown-item1{
    color:white;
}
.dropdown-item1:hover{
    color:darkblue;
}
.dropdown-menu{
    border-radius: 0%;
}
.hero-image {
        transition: 0.4s ease;
    }

    .hero-image:hover {
        transform: scale(1.03);
    }

    .card {
        border-radius: 22px;
    }

    .card:hover {
        transform: translateY(-5px);
        transition: 0.3s ease;
    }
.hero-slide{
        height:85vh;
        object-fit:cover;
        filter: brightness(60%);
    }

    .custom-caption{
        bottom:20%;
    }

    .quick-card{
        transition:0.4s ease;
        border-radius:20px;
    }

    .quick-card:hover{
        transform:translateY(-10px);
    }

    .news-card{
        border-radius:18px;
        transition:0.3s ease;
    }

    .news-card:hover{
        transform:translateY(-5px);
    }

.news-card{
        border-radius:20px;
        transition:0.4s ease;
        overflow:hidden;
    }

    .news-card:hover{
        transform:translateY(-8px);
        box-shadow:0 15px 35px rgba(0,0,0,0.12);
    }

    .form-control{
        border-radius:12px;
    }

    .btn{
        border-radius:12px;
    }

    .badge{
        font-size:13px;
        letter-spacing:0.5px;
    }

    .news-cover{
        height:450px;
        object-fit:cover;
        transition:0.4s ease;
    }

    .news-cover:hover{
        transform:scale(1.02);
    }

    .news-image-wrapper{
        overflow:hidden;
    }

    .news-content{
        font-size:16px;
        color:#444;
    }

    .news-row{
        transition:0.3s ease;
        border-radius:12px;
    }

    .news-row:hover{
        background:#f8f9fa;
        transform:translateX(5px);
    }

    .news-link{
        color:#222;
        transition:0.3s ease;
    }

    .news-link:hover{
        color:darkred;
    }

    .news-icon{
        font-size:22px;
    }

    .form-control{
        border-radius:12px;
        padding:12px;
    }

    .hero-image{
        transition:0.4s ease;
    }

    .hero-image:hover{
        transform:scale(1.03);
    }

    .schedule-card{
        border-radius:24px;
        overflow:hidden;
        transition:0.4s ease;
    }

    .schedule-card:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 40px rgba(0,0,0,0.15);
    }

    .schedule-image{
        height:250px;
        object-fit:cover;
        transition:0.4s ease;
    }

    .schedule-card:hover .schedule-image{
        transform:scale(1.05);
    }

    .schedule-overlay{
        position:absolute;
        top:15px;
        right:15px;
    }

    .icon-box{
        width:55px;
        height:55px;
        border-radius:15px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:24px;
    }

.hero-image{
        height:60vh;
        object-fit:cover;
        filter:brightness(55%);
    }

    .hero-overlay{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.3);
        z-index:1;
    }

    .hero-content{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        z-index:2;
        width:90%;
    }

    .scholarship-item{
        transition:0.3s ease;
    }

    .scholarship-item:hover{
        background:#f8f9fa;
        transform:translateX(5px);
    }

    .scholarship-title{
        color:#222;
        font-size:18px;
        transition:0.3s ease;
    }

    .scholarship-title:hover{
        color:darkred;
    }

    .scholarship-icon{
        width:55px;
        height:55px;
        border-radius:15px;
        background:linear-gradient(135deg,#145da0,#0d3b66);
        color:white;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:22px;
        flex-shrink:0;
    }

    .form-control{
        border-radius:12px;
        padding:14px;
    }

    .input-group-text{
        border-radius:12px 0 0 12px;
    }

.suggestion-hero{
        background:linear-gradient(135deg,#0d3b66,#145da0);
    }

    .hero-card{
        padding:40px 30px;
        border-radius:24px;
        transition:0.4s ease;
    }

    .hero-card:hover{
        transform:translateY(-5px);
    }

    .suggestion-card{
        border-radius:26px;
    }

    .card-header-custom{
        background:linear-gradient(135deg,#0d3b66,#145da0);
    }

    .form-control{
        border-radius:14px;
        padding:14px;
        border-left:0;
    }

    .form-control:focus{
        box-shadow:none;
        border-color:#145da0;
    }

    .input-group-text{
        border-radius:14px 0 0 14px;
        border-right:0;
    }

    .submit-btn{
        border-radius:14px;
        padding:15px;
        font-weight:bold;
        transition:0.3s ease;
    }

    .submit-btn:hover{
        transform:translateY(-3px);
        box-shadow:0 10px 25px rgba(0,0,0,0.15);
    }

    @media(max-width:768px){

        .hero-slide{
            height:60vh;
        }

        .custom-caption h1{
            font-size:28px;
        }

        .custom-caption p{
            font-size:14px;
        }
        .hero-title{
            font-size:28px;
        }
        .news-cover{
            height:250px;
        }
        .schedule-image{
            height:220px;
        }
    .hero-image{
            height:45vh;
        }

        .hero-content h1{
            font-size:32px;
        }

        .hero-content p{
            font-size:15px;
        }
         .hero-card{
            padding:30px 20px;
        }

        .suggestion-card{
            border-radius:20px;
        }


    }